<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>FC游乐园</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="./lib/iconfont/iconfont.css">
	<link rel="stylesheet" href="./css/index.css">
</head>

<body>
	<!-- 主体内容 -->
	<div class="main">
		<div class="banner">
			<ul>
				<li><a href="#"><img src="./uploads/banner_1.png" alt=""></a></li>
			</ul>
		</div>

		<!-- 活动标题 -->
		<div class="title">
			<h4>乐园活动</h4>
		</div>

		<!-- 活动 -->
		<section class="item">
			<div class="pic">
				<a href="#"><img src="./uploads/item_2.png" alt=""></a>
				<!-- 收藏图标 -->
				<i class="iconfont icon-shoucang1"></i>

				<!-- 活动状态 -->
				<div class="active off">进行中</div>
			</div>
			<div class="txt">
				<div class="top">
					<h5>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</h5>
					<p>免费</p>
				</div>
				<div class="bottom">
					<p>
						<i class="iconfont icon-qizhi"></i>
						<span>200</span>人已报名
					</p>
					<p>
						<i class="iconfont icon-shizhong"></i>
						<span>本周六</span>开始
					</p>
				</div>
			</div>
		</section>
		<section class="item">
			<div class="pic">
				<a href="#"><img src="./uploads/item_2.png" alt=""></a>
				<!-- 收藏图标 -->
				<i class="iconfont icon-shoucang1"></i>

				<!-- 活动状态 -->
				<div class="active off">进行中</div>
			</div>
			<div class="txt">
				<div class="top">
					<h5>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</h5>
					<p>免费</p>
				</div>
				<div class="bottom">
					<p>
						<i class="iconfont icon-qizhi"></i>
						<span>200</span>人已报名
					</p>
					<p>
						<i class="iconfont icon-shizhong"></i>
						<span>本周六</span>开始
					</p>
				</div>
			</div>
		</section>
		<section class="item">
			<div class="pic">
				<a href="#"><img src="./uploads/item_2.png" alt=""></a>
				<!-- 收藏图标 -->
				<i class="iconfont icon-shoucang1"></i>

				<!-- 活动状态 -->
				<div class="active off">进行中</div>
			</div>
			<div class="txt">
				<div class="top">
					<h5>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</h5>
					<p>免费</p>
				</div>
				<div class="bottom">
					<p>
						<i class="iconfont icon-qizhi"></i>
						<span>200</span>人已报名
					</p>
					<p>
						<i class="iconfont icon-shizhong"></i>
						<span>本周六</span>开始
					</p>
				</div>
			</div>
		</section>
		<section class="item">
			<div class="pic">
				<a href="#"><img src="./uploads/item_2.png" alt=""></a>
				<!-- 收藏图标 -->
				<i class="iconfont icon-shoucang1"></i>

				<!-- 活动状态 -->
				<div class="active off">进行中</div>
			</div>
			<div class="txt">
				<div class="top">
					<h5>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</h5>
					<p>免费</p>
				</div>
				<div class="bottom">
					<p>
						<i class="iconfont icon-qizhi"></i>
						<span>200</span>人已报名
					</p>
					<p>
						<i class="iconfont icon-shizhong"></i>
						<span>本周六</span>开始
					</p>
				</div>
			</div>
		</section>
		<section class="item">
			<div class="pic">
				<a href="#"><img src="./uploads/item_2.png" alt=""></a>
				<!-- 收藏图标 -->
				<i class="iconfont icon-shoucang1"></i>

				<!-- 活动状态 -->
				<div class="active off">进行中</div>
			</div>
			<div class="txt">
				<div class="top">
					<h5>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</h5>
					<p>免费</p>
				</div>
				<div class="bottom">
					<p>
						<i class="iconfont icon-qizhi"></i>
						<span>200</span>人已报名
					</p>
					<p>
						<i class="iconfont icon-shizhong"></i>
						<span>本周六</span>开始
					</p>
				</div>
			</div>
		</section>
	</div>
	<!-- 主体内容 -->
	<!-- 底部工具栏 -->
	<footer>
		<a href="#" class="current">
			<i class="iconfont icon-index-copy"></i>
			<p>首页</p>
		</a>
		<a href="#">
			<i class="iconfont icon-index-copy"></i>
			<p>首页</p>
		</a>
		<a href="#">
			<i class="iconfont icon-index-copy"></i>
			<p>首页</p>
		</a>
	</footer>
	<!-- 底部工具栏 -->
	<script src="./js/flexible.js"></script>
</body>

</html>